@charset "utf-8";

@import "common/common";


.web{
    section{
        width: 100%;
        position: absolute;
        top: r(96px);
        bottom: r(114px);
        -webkit-overflow-scrolling: touch;
        overflow: scroll;
        ul{
            /**轮播图**/
           &:first-of-type{
               li{
                   div{
                      width: 100%;
                      @include imgoverflow; 
                   }
               }
           }
           /**商品列表**/ 
           &:last-of-type{
              margin:r(20px) auto r(10px);
              padding: 0px r(30px);
              color: #c5c5c5;
              font-size: 0;
              li{
                  display: inline-block;
                  margin:0 auto;
                  width: r(282px);
                  background: #f6f6f6;
                  margin-bottom: r(22px);
                  &:nth-of-type(even){
                      margin-left: r(16px);
                  }
                  .title_img{
                      width: 100%;
                      @include imgoverflow;
                      margin-bottom: r(12px);
                  }
                  a{
                      font-size: r(22px);
                      color: #010101;
                      -webkit-line-clamp: 2;
                      @include textover2;
                  }
                  .number{
                      margin:r(12px) 0px r(14px) ;
                      vertical-align: middle;
                      font-size: initial;
                      button{
                          width: r(88px);
                          height: r(27px);
                          font-size:r(18px) ;
                          color: #fff;
                          background: #b20000;
                          border-radius: r(5px);
                          margin: 0px r(22px) 0px r(8px);
                          vertical-align: middle;
                      }
                      i:nth-of-type(2){
                          margin-left: r(12px);
                      }
                      i,span{
                          vertical-align: middle;
                          font-size: r(20px);
                      }
                  }
                  .timer{
                      padding-bottom: r(6px);
                     .headimg{
                         display: inline-block;
                         width: r(35px);
                         @include imgoverflow;
                         vertical-align: middle;
                         margin: 0px r(8px);
                     }
                     span{
                         font-size: r(18px);
                         vertical-align: middle;
                     }
                  }
              } 
           }
        }
    }
}
